<html>
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
  <title>
   知道这20个正则表达式，能让你少写1,000行代码  | 数螺 | NAUT IDEA
  </title>
  <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" rel="stylesheet"/>
  <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
  <style type="text/css">
   #xmain img {
                  max-width: 100%;
                  display: block;
                  margin-top: 10px;
                  margin-bottom: 10px;
                }

                #xmain p {
                    line-height:150%;
                    font-size: 16px;
                    margin-top: 20px;
                }

                #xmain h2 {
                    font-size: 24px;
                }

                #xmain h3 {
                    font-size: 20px;
                }

                #xmain h4 {
                    font-size: 18px;
                }


                .header {
	           background-color: #0099ff;
	           color: #ffffff;
	           margin-bottom: 20px;
	        }

	        .header p {
                  margin: 0px;
                  padding: 10px 0;
                  display: inline-block;  
                  vertical-align: middle;
                  font-size: 16px;
               }

               .header a {
                 color: white;
               }

              .header img {
                 height: 25px;
              }
  </style>
  <script src="http://cdn.bootcss.com/jquery/3.0.0/jquery.min.js">
  </script>
  <script src="http://nautstatic-10007657.file.myqcloud.com/static/css/readability.min.js" type="text/javascript">
  </script>
  <script type="text/javascript">
   $(document).ready(function() {
                 var loc = document.location;
                 var uri = {
                  spec: "http://dataunion.org/23754.html",
                  host: "http://dataunion.org",
                  prePath: "http://dataunion.org",
                  scheme: "http",
                  pathBase: "http://dataunion.org/"
                 };
    
                 var documentClone = document.cloneNode(true);
                 var article = new Readability(uri, documentClone).parse();
     
                 document.getElementById("xmain").innerHTML = article.content;
                });
  </script>
  <!-- 1466460458: Accept with keywords: (title(0.4):正则表达式,代码,社区,行,数盟, topn(0.2):社区,扩展名,联系,数盟,行业资讯,作者,数据挖掘,表达式,数据分析,技匠,号码,标签,职业规划,校验,基础架构,文章,测试工具,网页,正则表达式,密码,地址,字符串,语句,简书,编程语言,代码,正则,超链接,版本,行业).-->
 </head>
 <body onload="">
  <div class="header">
   <div class="container">
    <div class="row">
     <div class="col-xs-6 col-sm-6 text-left">
      <a href="/databee">
       <img src="http://nautidea-10007657.cos.myqcloud.com/logo_white.png"/>
      </a>
      <a href="/databee">
       <p>
        数螺
       </p>
      </a>
     </div>
     <div class="hidden-xs col-sm-6 text-right">
      <p>
       致力于数据科学的推广和知识传播
      </p>
     </div>
    </div>
   </div>
  </div>
  <div class="container text-center">
   <h1>
    知道这20个正则表达式，能让你少写1,000行代码
   </h1>
  </div>
  <div class="container" id="xmain">
   ﻿﻿
   <title>
    知道这20个正则表达式，能让你少写1,000行代码 | 数盟社区
   </title>
   <!-- All in One SEO Pack 2.2.7.6.2 by Michael Torbert of Semper Fi Web Design[32,72] -->
   <!-- /all in one seo pack -->
   <!--
<div align="center">
<a href="http://strata.oreilly.com.cn/hadoop-big-data-cn?cmp=mp-data-confreg-home-stcn16_dataunion_pc" target="_blank"><img src="http://dataunion.org/wp-content/uploads/2016/05/stratabj.jpg"/ ></a>
</div>
-->
   <header id="header-web">
    <div class="header-main">
     <hgroup class="logo">
      <h1>
       <a href="http://dataunion.org/" rel="home" title="数盟社区">
        <img src="http://dataunion.org/wp-content/themes/yzipi/images/logo.png"/>
       </a>
      </h1>
     </hgroup>
     <!--logo-->
     <nav class="header-nav">
      <ul class="menu" id="menu-%e4%b8%bb%e8%8f%9c%e5%8d%95">
       <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-71" id="menu-item-71">
        <a href="http://dataunion.org/category/events" title="events">
         活动
        </a>
        <ul class="sub-menu">
         <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22457" id="menu-item-22457">
          <a href="http://dataunion.org/2016timeline">
           2016档期
          </a>
         </li>
         <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-22459" id="menu-item-22459">
          <a href="http://dataunion.org/category/parterc">
           合作会议
          </a>
         </li>
        </ul>
       </li>
       <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-20869" id="menu-item-20869">
        <a href="http://dataunion.org/category/tech" title="articles">
         文章
        </a>
        <ul class="sub-menu">
         <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-20867" id="menu-item-20867">
          <a href="http://dataunion.org/category/tech/base" title="base">
           基础架构
          </a>
         </li>
         <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3302" id="menu-item-3302">
          <a href="http://dataunion.org/category/tech/ai" title="ai">
           人工智能
          </a>
         </li>
         <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3303" id="menu-item-3303">
          <a href="http://dataunion.org/category/tech/analysis" title="analysis">
           数据分析
          </a>
         </li>
         <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-21920" id="menu-item-21920">
          <a href="http://dataunion.org/category/tech/dm">
           数据挖掘
          </a>
         </li>
         <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3314" id="menu-item-3314">
          <a href="http://dataunion.org/category/tech/viz" title="viz">
           可视化
          </a>
         </li>
         <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3305" id="menu-item-3305">
          <a href="http://dataunion.org/category/tech/devl" title="devl">
           编程语言
          </a>
         </li>
        </ul>
       </li>
       <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-has-children menu-item-20876" id="menu-item-20876">
        <a href="http://dataunion.org/category/industry">
         行业
        </a>
        <ul class="sub-menu">
         <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16328" id="menu-item-16328">
          <a href="http://dataunion.org/category/industry/case" title="case">
           行业应用
          </a>
         </li>
         <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2112" id="menu-item-2112">
          <a href="http://dataunion.org/category/industry/demo" title="demo">
           Demo展示
          </a>
         </li>
         <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-21562" id="menu-item-21562">
          <a href="http://dataunion.org/category/industry/news">
           行业资讯
          </a>
         </li>
        </ul>
       </li>
       <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-311" id="menu-item-311">
        <a href="http://dataunion.org/category/sources" title="sources">
         资源
        </a>
       </li>
       <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-20870" id="menu-item-20870">
        <a href="http://dataunion.org/category/books" title="book">
         图书
        </a>
       </li>
       <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-21363" id="menu-item-21363">
        <a href="http://dataunion.org/category/training">
         课程
        </a>
       </li>
       <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-21853" id="menu-item-21853">
        <a href="http://dataunion.org/category/jobs">
         职位
        </a>
        <ul class="sub-menu">
         <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-22050" id="menu-item-22050">
          <a href="http://dataunion.org/category/career">
           职业规划
          </a>
         </li>
        </ul>
       </li>
      </ul>
     </nav>
     <!--header-nav-->
    </div>
   </header>
   <!--header-web-->
   <div id="main">
    <div id="soutab">
     <form action="http://dataunion.org/" class="search" method="get">
     </form>
    </div>
    <div id="container">
     <nav id="mbx">
      当前位置：
      <a href="http://dataunion.org">
       首页
      </a>
      &gt;
      <a href="http://dataunion.org/category/industry">
       行业
      </a>
      &gt;
      <a href="http://dataunion.org/category/industry/news">
       行业资讯
      </a>
      &gt;  正文
     </nav>
     <!--mbx-->
     <article class="content">
      <header align="centre" class="contenttitle">
       <div class="mscc">
        <h1 class="mscctitle">
         <a href="http://dataunion.org/23754.html">
          知道这20个正则表达式，能让你少写1,000行代码
         </a>
        </h1>
        <address class="msccaddress ">
         <em>
          2,482 次阅读 -
         </em>
         <a href="http://dataunion.org/category/industry/news" rel="category tag">
          行业资讯
         </a>
        </address>
       </div>
      </header>
      <div class="content-text">
       <p>
        文／技匠（简书作者）
        <br/>
        原文链接：http://www.jianshu.com/p/e7bb97218946/comments/2135754
        <br/>
        著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。
       </p>
       <p>
        正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。
       </p>
       <p>
        正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码：
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f152645096796" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; 
var r = fieldValue.match(reg);             
if(r==null)alert('Date format error!');
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f152645096796-1">
               1
              </div>
              <div class="crayon-num crayon-striped-num" data-line="crayon-576869288f152645096796-2">
               2
              </div>
              <div class="crayon-num" data-line="crayon-576869288f152645096796-3">
               3
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f152645096796-1">
               <span class="crayon-t">
                var
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-v">
                reg
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-o">
                =
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                d
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                d
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                d
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                $
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-sy">
                ;
               </span>
               <span class="crayon-h">
               </span>
              </div>
              <div class="crayon-line crayon-striped-line" id="crayon-576869288f152645096796-2">
               <span class="crayon-t">
                var
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-v">
                r
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-o">
                =
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-v">
                fieldValue
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-e">
                match
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-v">
                reg
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                ;
               </span>
               <span class="crayon-h">
               </span>
              </div>
              <div class="crayon-line" id="crayon-576869288f152645096796-3">
               <span class="crayon-st">
                if
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-v">
                r
               </span>
               <span class="crayon-o">
                ==
               </span>
               <span class="crayon-t">
                null
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-r">
                alert
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-s">
                'Date format error!'
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                ;
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0031 seconds] -->
       <p>
       </p>
       <p>
        下面是
        <strong>
         技匠
        </strong>
        整理的，在前端开发中经常使用到的
        <strong>
         20
        </strong>
        个正则表达式。
       </p>
       <hr/>
       <h4>
        <strong>
         1 . 校验密码强度
        </strong>
       </h4>
       <p>
        密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f15f036500768" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f15f036500768-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f15f036500768-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                =
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                d
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                =
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-v">
                a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                z
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                =
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-v">
                A
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                Z
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                8
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                10
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                $
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0016 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         2. 校验中文
        </strong>
       </h4>
       <p>
        字符串仅能是中文。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f166588111081" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^[\u4e00-\u9fa5]{0,}$
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f166588111081-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f166588111081-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                u4e00
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                u9fa5
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                $
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0008 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         3. 由数字、26个英文字母或下划线组成的字符串
        </strong>
       </h4>
       <p>
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f16d860844135" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^\w+$
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f16d860844135-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f16d860844135-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                $
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0005 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         4. 校验E-Mail 地址
        </strong>
       </h4>
       <p>
        同密码一样，下面是E-mail地址合规性的正则检查语句。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f173452891280" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          [\w!#$%&amp;'*+/=?^_`{|}~-]+(?:\.[\w!#$%&amp;'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f173452891280-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f173452891280-1">
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-o">
                !
               </span>
               <span class="crayon-o">
                #
               </span>
               <span class="crayon-sy">
                $
               </span>
               <span class="crayon-o">
                %
               </span>
               <span class="crayon-o">
                &amp;
               </span>
               <span class="crayon-s">
                '*+/=?^_`{|}~-]+(?:\.[\w!#$%&amp;'
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-o">
                /=
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-e">
                _
               </span>
               <span class="crayon-sy">
                `
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                ~
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                @
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                ?
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0028 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         5. 校验身份证号码
        </strong>
       </h4>
       <p>
        下面是身份证号码的正则校验。15 或 18位。
       </p>
       <p>
        15位：
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f17a781728091" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f17a781728091-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f17a781728091-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                d
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                7
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                d
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                d
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                d
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                $
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0027 seconds] -->
       <p>
       </p>
       <p>
        18位：
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f180475511552" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f180475511552-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f180475511552-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                d
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                d
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                d
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                d
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                d
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-v">
                X
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                $
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0028 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         6. 校验日期
        </strong>
       </h4>
       <p>
        “yyyy-mm-dd“ 格式的日期校验，已考虑平闰年。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f187532468107" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f187532468107-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f187532468107-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                !
               </span>
               <span class="crayon-cn">
                0000
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                8
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                13
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-cn">
                29
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                30
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                13578
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                02
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                31
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                48
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                2468
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                048
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                13579
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                26
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                48
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                2468
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                048
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                13579
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                26
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-cn">
                00
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                02
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                29
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                $
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0059 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         7. 校验金额
        </strong>
       </h4>
       <p>
        金额校验，精确到2位小数。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f18f642968680" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^[0-9]+(.[0-9]{2})?$
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f18f642968680-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f18f642968680-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-sy">
                $
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0010 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         8. 校验手机号
        </strong>
       </h4>
       <p>
        下面是国内 13、15、18开头的手机号正则表达式。（可根据目前国内收集号扩展前两位开头号码）
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f195111565131" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f195111565131-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f195111565131-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                13
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                14
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                7
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                15
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                6
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                7
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                8
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                18
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                6
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                7
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                8
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                d
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                8
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                $
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0025 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         9. 判断IE的版本
        </strong>
       </h4>
       <p>
        IE目前还没被完全取代，很多页面还是需要做版本兼容，下面是IE版本检查的表达式。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f19c929295414" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^.*MSIE [5-8](?:\.[0-9]+)?(?!.*Trident\/[5-9]\.0).*$
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f19c929295414-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f19c929295414-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-i">
                MSIE
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                8
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                !
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-v">
                Trident
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                $
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0028 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         10. 校验IP-v4地址
        </strong>
       </h4>
       <p>
        IP4 正则语句。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f1a1542496488" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          \b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\b
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f1a1542496488-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f1a1542496488-1">
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-e">
                b
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-cn">
                25
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                01
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-cn">
                25
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                01
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                b
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0036 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         11. 校验IP-v6地址
        </strong>
       </h4>
       <p>
        IP6 正则语句。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f1a8659071340" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          (([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f1a8659071340-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f1a8659071340-1">
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                7
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                7
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                7
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                6
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                6
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                7
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-v">
                fe80
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                %
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                zA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                Z
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-o">
                ::
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-e">
                ffff
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                25
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                25
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-e">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                25
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                3
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                25
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                5
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-cn">
                2
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                4
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                )
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0208 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         12. 检查URL的前缀
        </strong>
       </h4>
       <p>
        应用开发中很多时候需要区分请求是HTTPS还是HTTP，通过下面的表达式可以取出一个url的前缀然后再逻辑判断。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f1b2204426544" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          if (!s.match(/^[a-zA-Z]+:\/\//))
{
    s = 'http://' + s;
}
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f1b2204426544-1">
               1
              </div>
              <div class="crayon-num crayon-striped-num" data-line="crayon-576869288f1b2204426544-2">
               2
              </div>
              <div class="crayon-num" data-line="crayon-576869288f1b2204426544-3">
               3
              </div>
              <div class="crayon-num crayon-striped-num" data-line="crayon-576869288f1b2204426544-4">
               4
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f1b2204426544-1">
               <span class="crayon-st">
                if
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                !
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-e">
                match
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-v">
                a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                zA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                Z
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-c">
                //))
               </span>
              </div>
              <div class="crayon-line crayon-striped-line" id="crayon-576869288f1b2204426544-2">
               <span class="crayon-sy">
                {
               </span>
              </div>
              <div class="crayon-line" id="crayon-576869288f1b2204426544-3">
               <span class="crayon-h">
               </span>
               <span class="crayon-e ">
                s
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-o">
                =
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-s">
                'http://'
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-sy">
                ;
               </span>
              </div>
              <div class="crayon-line crayon-striped-line" id="crayon-576869288f1b2204426544-4">
               <span class="crayon-sy">
                }
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0017 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         13. 提取URL链接
        </strong>
       </h4>
       <p>
        下面的这个表达式可以筛选出一段文本中的URL。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f1b8694365571" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^(f|ht){1}(tp|tps):\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&amp;=]*)?
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f1b8694365571-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f1b8694365571-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-v">
                f
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-v">
                ht
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-v">
                tp
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-v">
                tps
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                %
               </span>
               <span class="crayon-o">
                &amp;=
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                ?
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0022 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         14. 文件路径及扩展名校验
        </strong>
       </h4>
       <p>
        验证windows下文件路径和扩展名（下面的例子中为.txt文件）
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f1be607775105" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <span class="crayon-mixed-highlight" title="含多种语言">
          </span>
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^([a-zA-Z]\:|\\)\\([^\\]+\\)*[^\/:*?"&lt;&gt;|]+\.txt(l)?$
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f1be607775105-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f1be607775105-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-v">
                a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                zA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                Z
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                ?
               </span>
               "
               <span class="crayon-o">
                &lt;&gt;
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-e">
                txt
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-v">
                l
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-sy">
                $
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0046 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         15. 提取Color Hex Codes
        </strong>
       </h4>
       <p>
        有时需要抽取网页中的颜色代码，可以使用下面的表达式。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f1c5927938441" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          \#([a-fA-F]|[0-9]){1,6}
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f1c5927938441-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f1c5927938441-1">
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                #
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-v">
                a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                fA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                F
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                6
               </span>
               <span class="crayon-sy">
                }
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0012 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         16. 提取网页图片
        </strong>
       </h4>
       <p>
        假若你想提取网页中所有图片信息，可以利用下面的表达式。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f1ca845992549" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          \&lt; *[img][^\&gt;]*[src] *= *[\"\']{0,1}([^\"\'\ &gt;]*)
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f1ca845992549-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f1ca845992549-1">
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                &lt;
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-v">
                img
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                &gt;
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-v">
                src
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-o">
                *=
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               "
               <span class="crayon-sy">
                \
               </span>
               '
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                0
               </span>
               <span class="crayon-sy">
                ,
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                \
               </span>
               "
               <span class="crayon-sy">
                \
               </span>
               '
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-h">
               </span>
               <span class="crayon-o">
                &gt;
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                )
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0020 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         17. 提取页面超链接
        </strong>
       </h4>
       <p>
        提取html中的超链接。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f1d1361756853" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          (&lt;a\s*(?!.*\brel=)[^&gt;]*)(href="https?:\/\/)((?!(?:(?:www\.)?'.implode('|(?:www\.)?', $follow_list).'))[^"]+)"((?!.*\brel=)[^&gt;]*)(?:[^&gt;]*)&gt;
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f1d1361756853-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f1d1361756853-1">
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-o">
                &lt;
               </span>
               <span class="crayon-v">
                a
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                !
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                brel
               </span>
               <span class="crayon-o">
                =
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-o">
                &gt;
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-e ">
                href
               </span>
               <span class="crayon-o">
                =
               </span>
               <span class="crayon-s">
                "https?:\/\/)((?!(?:(?:www\.)?'.implode('|(?:www\.)?', $follow_list).'))[^"
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                )
               </span>
               "
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                !
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                brel
               </span>
               <span class="crayon-o">
                =
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-o">
                &gt;
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-o">
                &gt;
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                &gt;
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0023 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         18. 精炼CSS
        </strong>
       </h4>
       <p>
        通过下面的表达式，可以搜索相同属性值的CSS，从而达到精炼代码的目的。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f1d7561811587" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          ^\s*[a-zA-Z\-]+\s*[:]{1}\s[a-zA-Z0-9\s.#]+[;]{1}
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f1d7561811587-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f1d7561811587-1">
               <span class="crayon-o">
                ^
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-v">
                a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                zA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                Z
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-v">
                a
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                zA
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-v">
                Z0
               </span>
               <span class="crayon-o">
                -
               </span>
               <span class="crayon-cn">
                9
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-o">
                #
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                ;
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-sy">
                {
               </span>
               <span class="crayon-cn">
                1
               </span>
               <span class="crayon-sy">
                }
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0020 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         19. 抽取注释
        </strong>
       </h4>
       <p>
        如果你需要移除HMTL中的注释，可以使用如下的表达式。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f1dd332737850" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          &lt;!--(.*?)--&gt;
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f1dd332737850-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f1dd332737850-1">
               <span class="crayon-o">
                &lt;
               </span>
               <span class="crayon-o">
                !
               </span>
               <span class="crayon-o">
                --
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                .
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                --
               </span>
               <span class="crayon-o">
                &gt;
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0007 seconds] -->
       <p>
       </p>
       <h4>
        <strong>
         20. 匹配HTML标签
        </strong>
       </h4>
       <p>
        通过下面的表达式可以匹配出HTML中的标签属性。
       </p>
       <!-- Crayon Syntax Highlighter v_2.7.2_beta -->
       <div class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-576869288f1f9945144978" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
        <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
         <span class="crayon-title">
         </span>
         <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
          <div class="crayon-button crayon-nums-button" title="切换是否显示行编号">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-plain-button" title="纯文本显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-wrap-button" title="切换自动换行">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-expand-button" title="点击展开代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-copy-button" title="复制代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <div class="crayon-button crayon-popup-button" title="在新窗口中显示代码">
           <div class="crayon-button-icon">
           </div>
          </div>
          <span class="crayon-language">
           JavaScript
          </span>
         </div>
        </div>
        <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
        </div>
        <div class="crayon-plain-wrap">
         <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;" wrap="soft">
          &lt;\/?\w+((\s+\w+(\s*=\s*(?:".*?"|'.*?'|[\^'"&gt;\s]+))?)+\s*|\s*)\/?&gt;
         </textarea>
        </div>
        <div class="crayon-main" style="">
         <table class="crayon-table">
          <tbody>
           <tr class="crayon-row">
            <td class="crayon-nums " data-settings="show">
             <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
              <div class="crayon-num" data-line="crayon-576869288f1f9945144978-1">
               1
              </div>
             </div>
            </td>
            <td class="crayon-code">
             <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;">
              <div class="crayon-line" id="crayon-576869288f1f9945144978-1">
               <span class="crayon-o">
                &lt;
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                w
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-o">
                *=
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                (
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                :
               </span>
               <span class="crayon-s">
                ".*?"
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-s">
                '.*?'
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                [
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                ^
               </span>
               '"
               <span class="crayon-o">
                &gt;
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-sy">
                ]
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-o">
                +
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-o">
                |
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-v">
                s
               </span>
               <span class="crayon-o">
                *
               </span>
               <span class="crayon-sy">
                )
               </span>
               <span class="crayon-sy">
                \
               </span>
               <span class="crayon-o">
                /
               </span>
               <span class="crayon-sy">
                ?
               </span>
               <span class="crayon-o">
                &gt;
               </span>
              </div>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </div>
       <!-- [Format Time: 0.0024 seconds] -->
       <p>
       </p>
       <hr/>
       <h4>
        正则表达式的相关语法
       </h4>
       <p>
        下面是我找到的一张非常不错的正则表达式 Cheat Sheet，可以用来快速查找相关语法。
       </p>
       <div class="image-package imagebubble">
        <p>
         <img src="http://upload-images.jianshu.io/upload_images/1399853-1b08244a4d375624.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240"/>
        </p>
        <div class="image-caption">
        </div>
       </div>
       <hr/>
       <h4>
        学习正则表达式
       </h4>
       <p>
        我在网上看到了一篇相当不错的正则表达式
        <a href="https://msdn.microsoft.com/en-us/library/az24scfc(v=vs.110).aspx" target="_blank">
         快速学习指南
        </a>
        ，有兴趣继续深入学习的同学可以参考。
       </p>
       <div class="image-package imagebubble">
        <p>
         <img src="http://upload-images.jianshu.io/upload_images/1399853-017f7201958ae676.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240"/>
        </p>
        <div class="image-caption">
        </div>
       </div>
       <hr/>
       <h4>
        正则表达式在线测试工具
       </h4>
       <p>
        <a href="https://regex101.com/#javascript" target="_blank">
         regex101
        </a>
        是一个非常不错的正则表达式在线测试工具，你可以直接在线测试你的正则表达式哦。
       </p>
       <div class="image-package imagebubble">
        <p>
         <img src="http://upload-images.jianshu.io/upload_images/1399853-2c13bde71d91694c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240"/>
        </p>
        <div class="image-caption">
        </div>
       </div>
       <p>
        <strong>
         如果你也收藏了非常有用的正则表达式，不妨也在点评中分享哦^_^
        </strong>
       </p>
       <blockquote>
        <p>
         技匠，以上内容欢迎大家分享到朋友圈/微博等。如需转载，请通过简信联系授权。谢谢大家
        </p>
       </blockquote>
       <p>
       </p>
      </div>
      <div>
       <strong>
        注：转载文章均来自于公开网络，仅供学习使用，不会用于任何商业用途，如果侵犯到原作者的权益，请您与我们联系删除或者授权事宜，联系邮箱：contact@dataunion.org。转载数盟网站文章请注明原文章作者，否则产生的任何版权纠纷与数盟无关。
       </strong>
      </div>
      <!--content_text-->
      <div class="fenxian">
       <!-- JiaThis Button BEGIN -->
       <div class="jiathis_style_32x32">
        <p class="jiathis_button_weixin">
        </p>
        <p class="jiathis_button_tsina">
        </p>
        <p class="jiathis_button_qzone">
        </p>
        <p class="jiathis_button_cqq">
        </p>
        <p class="jiathis_button_tumblr">
        </p>
        <a class="jiathis jiathis_txt jtico jtico_jiathis" href="http://www.jiathis.com/share" target="_blank">
        </a>
        <p class="jiathis_counter_style">
        </p>
       </div>
       <!-- JiaThis Button END -->
      </div>
     </article>
     <!--content-->
     <!--相关文章-->
     <div class="xianguan">
      <div class="xianguantitle">
       相关文章！
      </div>
      <ul class="pic">
       <li>
        <a href="http://dataunion.org/24681.html">
         <img src="http://dataunion.org/wp-content/uploads/2016/06/wKiom1dnRBTyyFA3AADCqUt0n1g041.jpg-s_1362808532-300x119.jpg"/>
        </a>
        <a class="link" href="http://dataunion.org/24681.html" rel="bookmark" title="Apache Spark不是唯一，快来了解三种新兴的开源数据分析工具">
         Apache Spark不是唯一，快来了解三种新兴的开源数据分析工具
        </a>
       </li>
       <li>
        <a href="http://dataunion.org/24667.html">
         <img src="http://dataunion.org/wp-content/uploads/2016/06/u12835865061095899290fm21gp0-201x200.jpg"/>
        </a>
        <a class="link" href="http://dataunion.org/24667.html" rel="bookmark" title="618前夕看京东IT基础设施建设与无人机物流规划">
         618前夕看京东IT基础设施建设与无人机物流规划
        </a>
       </li>
       <li>
        <a href="http://dataunion.org/24629.html">
         <img src="http://dataunion.org/wp-content/uploads/2016/06/wKiom1dhAjqyZzsxAACjqD0ujYQ606.jpg-wh_651x-s_1268602189-300x196.jpg"/>
        </a>
        <a class="link" href="http://dataunion.org/24629.html" rel="bookmark" title="下一代 Hadoop 技术演进路线展望">
         下一代 Hadoop 技术演进路线展望
        </a>
       </li>
       <li>
        <a href="http://dataunion.org/24625.html">
         <img src="http://dataunion.org/wp-content/uploads/2016/06/u531183880522285712fm21gp0-286x200.jpg"/>
        </a>
        <a class="link" href="http://dataunion.org/24625.html" rel="bookmark" title="支撑上万并发毫秒级事务响应！银行大型机负载下移至GemFire+HBase大数据平台的创新(一)">
         支撑上万并发毫秒级事务响应！银行大型机负载下移至GemFire+HBase大数据平台的创新(一)
        </a>
       </li>
      </ul>
     </div>
     <!--相关文章-->
     <div class="comment" id="comments">
      <!-- You can start editing here. -->
      <!-- If comments are open, but there are no comments. -->
      <div class="title">
       期待你一针见血的评论，Come on！
      </div>
      <div id="respond">
       <p>
        不用想啦，马上
        <a href="http://dataunion.org/wp-login.php?redirect_to=http%3A%2F%2Fdataunion.org%2F23754.html">
         "登录"
        </a>
        发表自已的想法.
       </p>
      </div>
     </div>
     <!-- .nav-single -->
    </div>
    <!--Container End-->
    <aside id="sitebar">
     <div class="sitebar_list2">
      <div class="wptag">
       <span class="tagtitle">
        热门标签+
       </span>
       <div class="tagg">
        <ul class="menu" id="menu-%e5%8f%8b%e6%83%85%e9%93%be%e6%8e%a5">
         <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1605" id="menu-item-1605">
          <a href="http://taidizh.com/">
           泰迪智慧
          </a>
         </li>
         <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20884" id="menu-item-20884">
          <a href="http://www.transwarp.cn/">
           星环科技
          </a>
         </li>
         <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3538" id="menu-item-3538">
          <a href="http://datall.org/">
           珈和遥感
          </a>
         </li>
         <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20888" id="menu-item-20888">
          <a href="http://www.chinahadoop.cn/">
           小象学院
          </a>
         </li>
        </ul>
       </div>
      </div>
     </div>
     <div class="sitebar_list">
      <div class="textwidget">
       <div align="center">
        <a href="http://study.163.com/course/courseMain.htm?courseId=991022" target="_blank">
         <img src="http://dataunion.org/wp-content/uploads/2016/03/dv.jpg"/>
        </a>
       </div>
      </div>
     </div>
     <div class="sitebar_list">
      <h4 class="sitebar_title">
       文章分类
      </h4>
      <div class="tagcloud">
       <a class="tag-link-44" href="http://dataunion.org/category/industry/demo" style="font-size: 10.204724409449pt;" title="4个话题">
        Demo展示
       </a>
       <a class="tag-link-31" href="http://dataunion.org/category/experts" style="font-size: 15.826771653543pt;" title="52个话题">
        专家团队
       </a>
       <a class="tag-link-870" href="http://dataunion.org/category/tech/ai" style="font-size: 19.795275590551pt;" title="273个话题">
        人工智能
       </a>
       <a class="tag-link-488" href="http://dataunion.org/category/%e5%8a%a0%e5%85%a5%e6%95%b0%e7%9b%9f" style="font-size: 8pt;" title="1个话题">
        加入数盟
       </a>
       <a class="tag-link-869" href="http://dataunion.org/category/tech/viz" style="font-size: 17.204724409449pt;" title="93个话题">
        可视化
       </a>
       <a class="tag-link-30" href="http://dataunion.org/category/partners" style="font-size: 10.645669291339pt;" title="5个话题">
        合作伙伴
       </a>
       <a class="tag-link-889" href="http://dataunion.org/category/parterc" style="font-size: 11.582677165354pt;" title="8个话题">
        合作会议
       </a>
       <a class="tag-link-104" href="http://dataunion.org/category/books" style="font-size: 12.96062992126pt;" title="15个话题">
        图书
       </a>
       <a class="tag-link-220" href="http://dataunion.org/category/tech/base" style="font-size: 19.850393700787pt;" title="281个话题">
        基础架构
       </a>
       <a class="tag-link-219" href="http://dataunion.org/category/tech/analysis" style="font-size: 19.409448818898pt;" title="232个话题">
        数据分析
       </a>
       <a class="tag-link-887" href="http://dataunion.org/category/tech/dm" style="font-size: 13.291338582677pt;" title="17个话题">
        数据挖掘
       </a>
       <a class="tag-link-34" href="http://dataunion.org/category/tech" style="font-size: 20.732283464567pt;" title="404个话题">
        文章
       </a>
       <a class="tag-link-1" href="http://dataunion.org/category/uncategorized" style="font-size: 22pt;" title="693个话题">
        未分类
       </a>
       <a class="tag-link-4" href="http://dataunion.org/category/events" style="font-size: 14.503937007874pt;" title="29个话题">
        活动
       </a>
       <a class="tag-link-890" href="http://dataunion.org/category/tech/%e6%b7%b1%e5%ba%a6%e5%ad%a6%e4%b9%a0" style="font-size: 10.204724409449pt;" title="4个话题">
        深度学习
       </a>
       <a class="tag-link-221" href="http://dataunion.org/category/tech/devl" style="font-size: 18.968503937008pt;" title="193个话题">
        编程语言
       </a>
       <a class="tag-link-888" href="http://dataunion.org/category/career" style="font-size: 15.661417322835pt;" title="48个话题">
        职业规划
       </a>
       <a class="tag-link-5" href="http://dataunion.org/category/jobs" style="font-size: 14.11811023622pt;" title="25个话题">
        职位
       </a>
       <a class="tag-link-871" href="http://dataunion.org/category/industry" style="font-size: 15.716535433071pt;" title="49个话题">
        行业
       </a>
       <a class="tag-link-613" href="http://dataunion.org/category/industry/case" style="font-size: 16.984251968504pt;" title="84个话题">
        行业应用
       </a>
       <a class="tag-link-885" href="http://dataunion.org/category/industry/news" style="font-size: 17.425196850394pt;" title="102个话题">
        行业资讯
       </a>
       <a class="tag-link-10" href="http://dataunion.org/category/training" style="font-size: 14.228346456693pt;" title="26个话题">
        课程
       </a>
       <a class="tag-link-16" href="http://dataunion.org/category/sources" style="font-size: 15.661417322835pt;" title="48个话题">
        资源
       </a>
      </div>
     </div>
     <div class="sitebar_list">
      <h4 class="sitebar_title">
       功能
      </h4>
      <ul>
       <li>
        <a href="http://dataunion.org/wp-login.php?action=register">
         注册
        </a>
       </li>
       <li>
        <a href="http://dataunion.org/wp-login.php">
         登录
        </a>
       </li>
       <li>
        <a href="http://dataunion.org/feed">
         文章
         <abbr title="Really Simple Syndication">
          RSS
         </abbr>
        </a>
       </li>
       <li>
        <a href="http://dataunion.org/comments/feed">
         评论
         <abbr title="Really Simple Syndication">
          RSS
         </abbr>
        </a>
       </li>
       <li>
        <a href="https://cn.wordpress.org/" title="基于WordPress，一个优美、先进的个人信息发布平台。">
         WordPress.org
        </a>
       </li>
      </ul>
     </div>
    </aside>
    <div class="clear">
    </div>
   </div>
   <!--main-->
   ﻿
   <footer id="dibu">
    <div class="about">
     <div class="right">
      <ul class="menu" id="menu-%e5%ba%95%e9%83%a8%e8%8f%9c%e5%8d%95">
       <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-18024" id="menu-item-18024">
        <a href="http://dataunion.org/category/partners">
         合作伙伴
        </a>
       </li>
       <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20881" id="menu-item-20881">
        <a href="http://dataunion.org/contribute">
         文章投稿
        </a>
       </li>
       <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-20872" id="menu-item-20872">
        <a href="http://dataunion.org/category/%e5%8a%a0%e5%85%a5%e6%95%b0%e7%9b%9f">
         加入数盟
        </a>
       </li>
       <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22441" id="menu-item-22441">
        <a href="http://dataunion.org/f-links">
         友情链接
        </a>
       </li>
       <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20874" id="menu-item-20874">
        <a href="http://dataunion.org/aboutus">
         关于数盟
        </a>
       </li>
      </ul>
      <p class="banquan">
       数盟社区        ，
        做最棒的数据科学社区
      </p>
     </div>
     <div class="left">
      <ul class="bottomlist">
       <li>
        <a href="http://weibo.com/DataScientistUnion  " target="_blank" 　title="">
         <img src="http://dataunion.org/wp-content/themes/yzipi/images/weibo.png"/>
        </a>
       </li>
       <li>
        <a class="cd-popup-trigger" href="http://dataunion.org/23754.html#0">
         <img src="http://dataunion.org/wp-content/themes/yzipi/images/weixin.png"/>
        </a>
       </li>
      </ul>
      <div class="cd-popup">
       <div class="cd-popup-container">
        <h1>
         扫描二维码,加微信公众号
        </h1>
        <img src="http://dataunion.org/wp-content/themes/yzipi/images/2014-12-06-1515289049.png"/>
        <a class="cd-popup-close" href="http://dataunion.org/23754.html">
        </a>
       </div>
       <!-- cd-popup-container -->
      </div>
      <!-- cd-popup -->
     </div>
    </div>
    <!--about-->
    <div class="bottom">
     <a href="http://dataunion.org/">
      数盟社区
     </a>
     <a href="http://www.miitbeian.gov.cn/" rel="external nofollow" target="_blank">
      京ICP备14026740号
     </a>
     联系我们：
     <a href="mailto:contact@dataunion.org" target="_blank">
      contact@dataunion.org
     </a>
     <div class="tongji">
     </div>
     <!--bottom-->
     <div class="scroll" id="scroll" style="display:none;">
      ︿
     </div>
    </div>
   </footer>
   <!--dibu-->
  </div>
 </body>
</html>